<!DOCTYPE html>
<!-- saved from url=(0051)https://pub.alimama.com/fourth/dataScreen/index.htm -->
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="data-spm" content="a219t">
  <meta name="aplus-waiting" content="MAN">
  <title>淘宝联盟·生态伙伴</title>

  <meta name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=no">
  <meta name="renderer" content="webkit">
  <link rel="shortcut icon" href="https://img.alicdn.com/tfs/TB18kfPHQY2gK0jSZFgXXc5OFXa-64-64.ico" type="image/x-icon">
  <link rel="stylesheet" href="./static/entry.css" type="text/css">
  <link rel="stylesheet" href="./static/main.css" type="text/css">
  <link rel="stylesheet" type="text/css" href="./static/vendors.css">
  <link href="./static/Odometer.css" rel="stylesheet">
  <script src="./static/js/echarts.js"></script>
</head>

<body>
  <div id="root">
    <div>
      <div class="sc-fznMAR gSVBBi">
        <div class="sc-fzpjYC sc-fznJRM bTIjTR flex fjsb">
          <div>
            <div class="sc-fznxsB cUWXFh">
              <div class="title">阿******啊</div>
            </div>
          </div>
          <div class="flex">
            <div class="sc-fzoXzr jYxGEJ">
              <div class="mux-tab-container">
                <div class="mux-tabs mux-tabs--normal mux-tabs--size-normal mux-tabs--no-scroll">
                  <div class="mux-tabs-viewport">
                    <ol class="mux-tabs-wrapper tabol" style="transform: translateX(0px);">
                      <li class="mux-tab mux-tab--active">
                        <span class="mux-tab-label"   name="tab1">今日实时</span>
                      </li>
                      <li class="mux-tab">
                        <span class="mux-tab-label" name="tab2">日</span>
                      </li>
                      <li class="mux-tab">
                        <span class="mux-tab-label" name="tab3">双11周期</span></li>
                      <div class="mux-tab-ink--block" style="width: 80px;"></div>
                    </ol>
                  </div>
                </div>
              </div>
            </div>
            <div>
              <img src="./static/open.png" alt=""
                style="width:28px;height:28px;position: absolute; top: 0;right: 0;cursor: pointer;"></div>
          </div>
        </div>
        <div class="realTime ">
          <div class="sc-fzpjYC sc-fznWqX dAkvW flex-c " data-spm-anchor-id="a219t.20578536.0.i0.2b756a15qNqdUt">
            <div class="sc-fzqNqU kikdAh" style="visibility: hidden;">
              <div class="wp100 hp100" id="gmv">
                <canvas width="2543" height="761" style="width: 2543px; height: 761px;"></canvas>
              </div>
              <div class="gmv">
                <div>
                  <span class=" gmv_icon icon-guanbixiao"
                    style="font-style: normal; -webkit-font-smoothing: antialiased; font-family: pubfont;"></span>
                  <div>
                    <span class="gmv_name"></span>
                    <span class="gmv_time">14:00:25</span>
                    <span></span>
                  </div>
                  <div class="gmv_amt false"></div>
                </div>
              </div>
            </div>
            <div class="sc-fzpjYC sc-fzoiQi ozSmQ" style="z-index: 900;">
              <div class="chartx-react " chart_id="chartx_canvax0" chartx_version="2.0"
                style="width: 100%; height: 110px;">
                <div class="canvax-view" style="position: relative; width: 100%; height: 100%; cursor: pointer;">
                  <div style="position: absolute; width: 2515px; height: 110px;" id="canvasmain">
                    <!-- 图表 -->
                    <!-- <canvas width="2515" height="110" id="main-chart-stage"
                      style="position: absolute; width: 2515px; height: 110px; left: 0px; top: 0px;"></canvas>
                    <canvas width="2515" height="110" id="activCanvas1604037625192"
                      style="position: absolute; width: 2515px; height: 110px; left: 0px; top: 0px;"></canvas> -->
                  </div>
                  <div style="position: absolute; width: 2515px; height: 110px;"></div>
                </div>
              </div>
            </div>
            <div class="flex fae">
              <div class="sc-fzoyAV fQsatj">¥</div>
              <div class="ml5">
                <div class="flex fjsb mb20 fae">
                  <div class="title ">成交金额</div>
                  <div class="time">数据更新时间：2020-10-30 14:00:25</div>
                </div>
                <div class="sc-fzqNJr hXQgjp flex fae" id='nowServiveFee'>
                  <div class="sc-fzoLag BNtsP itemCount">
                    <div style="transition: transform 0s ease-in-out 0s; transform: translate(-50%, 0%);">
                      <div>0</div>
                      <div>1</div>
                      <div>2</div>
                      <div>3</div>
                      <div>4</div>
                      <div>5</div>
                      <div>6</div>
                      <div>7</div>
                      <div>8</div>
                      <div>9</div>
                      <div>0</div>
                      <div>1</div>
                      <div>2</div>
                      <div>3</div>
                      <div>4</div>
                      <div>5</div>
                      <div>6</div>
                      <div>7</div>
                      <div>8</div>
                      <div>9</div>
                    </div>
                  </div>
                  <div class="sc-fzoyAV fQsatj">.</div>
                  <div class="sc-fzoLag BNtsP itemCount">
                    <div style="transition: transform 0s ease-in-out 0s; transform: translate(-50%, 0%);">
                      <div>0</div>
                      <div>1</div>
                      <div>2</div>
                      <div>3</div>
                      <div>4</div>
                      <div>5</div>
                      <div>6</div>
                      <div>7</div>
                      <div>8</div>
                      <div>9</div>
                      <div>0</div>
                      <div>1</div>
                      <div>2</div>
                      <div>3</div>
                      <div>4</div>
                      <div>5</div>
                      <div>6</div>
                      <div>7</div>
                      <div>8</div>
                      <div>9</div>
                    </div>
                  </div>
                  <div class="sc-fzoLag BNtsP itemCount">
                    <div style="transition: transform 0s ease-in-out 0s; transform: translate(-50%, 0%);">
                      <div>0</div>
                      <div>1</div>
                      <div>2</div>
                      <div>3</div>
                      <div>4</div>
                      <div>5</div>
                      <div>6</div>
                      <div>7</div>
                      <div>8</div>
                      <div>9</div>
                      <div>0</div>
                      <div>1</div>
                      <div>2</div>
                      <div>3</div>
                      <div>4</div>
                      <div>5</div>
                      <div>6</div>
                      <div>7</div>
                      <div>8</div>
                      <div>9</div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- 表格 -->
        <div class="sc-fzolEj sc-fzqBkg jBMcvR">
          <div class="flex fjsb">
            <!-- 组员排行 -->
            <div class="sc-fzoNJl loPePV">
              <div class="header flex fjsb">
                组员排行
                <img src="http://img.letuilm.com/2020/10/6455d12020103017471959094.png" alt="icon">
              </div>
              <div class="flex fjsb crew">
                <!-- <div class="sc-fzoXWK bzpXau">
                  <div class="header_content">
                    <span class="sc-AxirZ bJCmFu">
                      <span class="">
                        <span class="integer">0</span></span>
                    </span>
                    <div class="title">
                      <span aria-haspopup="true" aria-expanded="false">组员一</span></div>
                  </div>
                  <div class="diff mt16">
                    <div class="sc-fzoyTs jZUSDr flex fjsb item " aria-haspopup="true" aria-expanded="false">
                      <span class="word-keep">同比</span>
                      <span class="sc-AxirZ bJCmFu">
                        <span class="color-equal">
                          <span class="integer">0</span>
                          <span class="pointer">.</span>
                          <span class="decimal">00</span>
                          <span class="percent">%</span></span>
                      </span>
                      <span class="color-equal">--</span>
                    </div>
                    <div class="sc-fzoyTs jZUSDr flex fjsb item " aria-haspopup="true" aria-expanded="false">
                      <span class="word-keep">环比</span>
                      <span class="sc-AxirZ bJCmFu">
                        <span class="color-equal">
                          <span class="integer">0</span>
                          <span class="pointer">.</span>
                          <span class="decimal">00</span>
                          <span class="percent">%</span></span>
                      </span>
                      <span class="color-equal">--</span>
                    </div>
                  </div>
                </div>
                <div class="sc-fzoXWK bzpXav">
                  <div class="header_content">
                    <span class="sc-AxirZ bJCmFu">
                      <span class="">
                        <span class="integer">0</span></span>
                    </span>
                    <div class="title">
                      <span aria-haspopup="true" aria-expanded="false">组员二</span></div>
                  </div>
                  <div class="diff mt16">
                    <div class="sc-fzoyTs jZUSDr flex fjsb item " aria-haspopup="true" aria-expanded="false">
                      <span class="word-keep">同比</span>
                      <span class="sc-AxirZ bJCmFu">
                        <span class="color-equal">
                          <span class="integer">0</span>
                          <span class="pointer">.</span>
                          <span class="decimal">00</span>
                          <span class="percent">%</span></span>
                      </span>
                      <span class="color-equal">--</span></div>
                    <div class="sc-fzoyTs jZUSDr flex fjsb item " aria-haspopup="true" aria-expanded="false">
                      <span class="word-keep">环比</span>
                      <span class="sc-AxirZ bJCmFu">
                        <span class="color-equal">
                          <span class="integer">0</span>
                          <span class="pointer">.</span>
                          <span class="decimal">00</span>
                          <span class="percent">%</span></span>
                      </span>
                      <span class="color-equal">--</span></div>
                  </div>
                </div>
                <div class="sc-fzoXWK bzpXav">
                  <div class="header_content">
                    <span class="integer">--</span>
                    <div class="title">
                      <span aria-haspopup="true" aria-expanded="false">组员三</span></div>
                  </div>
                  <div class="diff mt16">
                    <div class="sc-fzoyTs jZUSDr flex fjsb item " aria-haspopup="true" aria-expanded="false">
                      <span class="word-keep">同比</span>
                      <span class="sc-AxirZ bJCmFu">
                        <span class="color-equal">
                          <span class="integer">0</span>
                          <span class="pointer">.</span>
                          <span class="decimal">00</span>
                          <span class="percent">%</span></span>
                      </span>
                      <span class="color-equal">--</span></div>
                    <div class="sc-fzoyTs jZUSDr flex fjsb item " aria-haspopup="true" aria-expanded="false">
                      <span class="word-keep">环比</span>
                      <span class="sc-AxirZ bJCmFu">
                        <span class="color-equal">
                          <span class="integer">0</span>
                          <span class="pointer">.</span>
                          <span class="decimal">00</span>
                          <span class="percent">%</span></span>
                      </span>
                      <span class="color-equal">--</span></div>
                  </div>
                </div>
                <div class="sc-fzoXWK bzpXav">
                  <div class="header_content">
                    <span class="integer">--</span>
                    <div class="title">
                      <span aria-haspopup="true" aria-expanded="false">组员四</span></div>
                  </div>
                  <div class="diff mt16">
                    <div class="sc-fzoyTs jZUSDr flex fjsb item " aria-haspopup="true" aria-expanded="false">
                      <span class="word-keep">同比</span>
                      <span class="sc-AxirZ bJCmFu">
                        <span class="color-equal">
                          <span class="integer">0</span>
                          <span class="pointer">.</span>
                          <span class="decimal">00</span>
                          <span class="percent">%</span></span>
                      </span>
                      <span class="color-equal">--</span></div>
                    <div class="sc-fzoyTs jZUSDr flex fjsb item " aria-haspopup="true" aria-expanded="false">
                      <span class="word-keep">环比</span>
                      <span class="sc-AxirZ bJCmFu">
                        <span class="color-equal">
                          <span class="integer">0</span>
                          <span class="pointer">.</span>
                          <span class="decimal">00</span>
                          <span class="percent">%</span></span>
                      </span>
                      <span class="color-equal">--</span></div>
                  </div>
                </div> -->
              </div>
            </div>
            <!-- 小组排名 -->
            <div class="sc-fzoNJl loPePV">
              <div class="header flex fjsb">小组排名
                <img src="http://img.letuilm.com/2020/10/43dd612020103017482150653.png" alt="icon">
              </div>
              <div class="flex fjsb group">
                <!-- <div class="sc-fzoXWK bzpXau">
                  <div class="header_content">
                    <span class="integer">0</span>
                    <div class="title">
                      <span aria-haspopup="true" aria-expanded="false">小组一</span></div>
                  </div>
                  <div class="diff mt16">
                    <div class="sc-fzoyTs jZUSDr flex fjsb item " aria-haspopup="true" aria-expanded="false">
                      <span class="word-keep">同比</span>
                      <span class="sc-AxirZ bJCmFu">
                        <span class="color-equal">
                          <span class="integer">0</span>
                          <span class="pointer">.</span>
                          <span class="decimal">00</span>
                          <span class="percent">%</span></span>
                      </span>
                      <span class="color-equal">--</span></div>
                    <div class="sc-fzoyTs jZUSDr flex fjsb item " aria-haspopup="true" aria-expanded="false">
                      <span class="word-keep">环比</span>
                      <span class="sc-AxirZ bJCmFu">
                        <span class="color-equal">
                          <span class="integer">0</span>
                          <span class="pointer">.</span>
                          <span class="decimal">00</span>
                          <span class="percent">%</span></span>
                      </span>
                      <span class="color-equal">--</span></div>
                  </div>
                </div>
                <div class="sc-fzoXWK bzpXav">
                  <div class="header_content">
                    <span class="sc-AxirZ bJCmFu">
                      <span class="">
                        <span class="integer">0</span></span>
                    </span>
                    <div class="title">
                      <span aria-haspopup="true" aria-expanded="false">小组二</span></div>
                  </div>
                  <div class="diff mt16">
                    <div class="sc-fzoyTs jZUSDr flex fjsb item " aria-haspopup="true" aria-expanded="false">
                      <span class="word-keep">同比</span>
                      <span class="sc-AxirZ bJCmFu">
                        <span class="color-equal">
                          <span class="integer">0</span>
                          <span class="pointer">.</span>
                          <span class="decimal">00</span>
                          <span class="percent">%</span></span>
                      </span>
                      <span class="color-equal">--</span></div>
                    <div class="sc-fzoyTs jZUSDr flex fjsb item " aria-haspopup="true" aria-expanded="false">
                      <span class="word-keep">环比</span>
                      <span class="sc-AxirZ bJCmFu">
                        <span class="color-equal">
                          <span class="integer">0</span>
                          <span class="pointer">.</span>
                          <span class="decimal">00</span>
                          <span class="percent">%</span></span>
                      </span>
                      <span class="color-equal">--</span></div>
                  </div>
                </div>
                <div class="sc-fzoXWK bzpXav">
                  <div class="header_content">
                    <span class="integer">--</span>
                    <div class="title">
                      <span aria-haspopup="true" aria-expanded="false">小组三</span></div>
                  </div>
                  <div class="diff mt16">
                    <div class="sc-fzoyTs jZUSDr flex fjsb item " aria-haspopup="true" aria-expanded="false">
                      <span class="word-keep">同比</span>
                      <span class="sc-AxirZ bJCmFu">
                        <span class="color-equal">
                          <span class="integer">0</span>
                          <span class="pointer">.</span>
                          <span class="decimal">00</span>
                          <span class="percent">%</span></span>
                      </span>
                      <span class="color-equal">--</span></div>
                    <div class="sc-fzoyTs jZUSDr flex fjsb item " aria-haspopup="true" aria-expanded="false">
                      <span class="word-keep">环比</span>
                      <span class="sc-AxirZ bJCmFu">
                        <span class="color-equal">
                          <span class="integer">0</span>
                          <span class="pointer">.</span>
                          <span class="decimal">00</span>
                          <span class="percent">%</span></span>
                      </span>
                      <span class="color-equal">--</span></div>
                  </div>
                </div>
                <div class="sc-fzoXWK bzpXav">
                  <div class="header_content">
                    <span class="integer">--</span>
                    <div class="title">
                      <span aria-haspopup="true" aria-expanded="false">小组四</span></div>
                  </div>
                  <div class="diff mt16">
                    <div class="sc-fzoyTs jZUSDr flex fjsb item " aria-haspopup="true" aria-expanded="false">
                      <span class="word-keep">同比</span>
                      <span class="sc-AxirZ bJCmFu">
                        <span class="color-equal">
                          <span class="integer">0</span>
                          <span class="pointer">.</span>
                          <span class="decimal">00</span>
                          <span class="percent">%</span></span>
                      </span>
                      <span class="color-equal">--</span></div>
                    <div class="sc-fzoyTs jZUSDr flex fjsb item " aria-haspopup="true" aria-expanded="false">
                      <span class="word-keep">环比</span>
                      <span class="sc-AxirZ bJCmFu">
                        <span class="color-equal">
                          <span class="integer">0</span>
                          <span class="pointer">.</span>
                          <span class="decimal">00</span>
                          <span class="percent">%</span></span>
                      </span>
                      <span class="color-equal">--</span></div>
                  </div>
                </div> -->
              </div>
            </div>
            <!-- 服务费效果 -->
            <div class="sc-fzoNJl loPePV">
              <div class="header flex fjsb">服务费效果
                <img src="http://img.letuilm.com/2020/10/f3b545202010301749065761.png" alt="icon"></div>
              <div class="flex fjsb">
                <div class="sc-fzoXWK bzpXau sever1">
                  <div class="header_content">
                    <span class="sc-AxirZ bJCmFu">
                      <span class="">
                        <!-- <span class="integer ">0</span></span> -->
                      </span>
                      <div class="title">
                        <span aria-haspopup="true" aria-expanded="false">实时预估</span></div>
                  </div>
                  <div class="diff mt16">
                    <div class="sc-fzoyTs jZUSDr flex fjsb item " aria-haspopup="true" aria-expanded="false">
                      <span class="word-keep">服务费</span>
                      <span class="sc-AxirZ bJCmFu">
                        <span class="color-equal">
                          <span class="sever1_top"></span>
                          <span class="percent">%</span></span>
                      </span>
                      <span class="color-equal sever1_trend1">--</span></div>
                    <div class="sc-fzoyTs jZUSDr flex fjsb item " aria-haspopup="true" aria-expanded="false">
                      <span class="word-keep">销售额</span>
                      <span class="sc-AxirZ bJCmFu">
                        <span class="color-equal">
                          <span class="sever1_bot"></span>
                          <span class="percent">%</span></span>
                      </span>
                      <span class="color-equal sever1_trend2">--</span></div>
                  </div>
                </div>
                <div class="sc-fzoXWK bzpXav sever2">
                  <div class="header_content">
                    <span class="sc-AxirZ bJCmFu">
                      <span class="">
                        <!-- <span class="integer ">0</span></span> -->
                      </span>
                      <div class="title">
                        <span aria-haspopup="true" aria-expanded="false">本周预估</span></div>
                  </div>
                  <div class="diff mt16">
                    <div class="sc-fzoyTs jZUSDr flex fjsb item " aria-haspopup="true" aria-expanded="false">
                      <span class="word-keep">服务费</span>
                      <span class="sc-AxirZ bJCmFu">
                        <span class="color-equal">
                          <span class="sever2_top"></span>
                          <span class="percent">%</span></span>
                      </span>
                      <span class="color-equal sever2_trend1">--</span></div>
                    <div class="sc-fzoyTs jZUSDr flex fjsb item " aria-haspopup="true" aria-expanded="false">
                      <span class="word-keep">销售额</span>
                      <span class="sc-AxirZ bJCmFu">
                        <span class="color-equal">
                          <span class="sever2_bot"></span>
                          <span class="percent">%</span></span>
                      </span>
                      <span class="color-equal sever2_trend2">--</span></div>
                  </div>
                </div>
                <div class="sc-fzoXWK bzpXav sever3">
                  <div class="header_content">
                    <span class="sc-AxirZ bJCmFu">
                      <span class="">
                        <!-- <span class="integer ">0</span></span> -->
                      </span>
                      <div class="title">
                        <span aria-haspopup="true" aria-expanded="false">本周预估</span></div>
                  </div>
                  <div class="diff mt16">
                    <div class="sc-fzoyTs jZUSDr flex fjsb item " aria-haspopup="true" aria-expanded="false">
                      <span class="word-keep">服务费</span>
                      <span class="sc-AxirZ bJCmFu">
                        <span class="color-equal">
                          <span class="sever3_top"></span>
                          <span class="percent">%</span></span>
                      </span>
                      <span class="color-equal sever3_trend1">--</span></div>
                    <div class="sc-fzoyTs jZUSDr flex fjsb item " aria-haspopup="true" aria-expanded="false">
                      <span class="word-keep">销售额</span>
                      <span class="sc-AxirZ bJCmFu">
                        <span class="color-equal">
                          <span class="sever3_bot"></span>
                          <span class="percent">%</span></span>
                      </span>
                      <span class="color-equal sever3_trend2">--</span></div>
                  </div>
                </div>
                <div class="sc-fzoXWK bzpXav sever4">
                  <div class="header_content">
                    <span class="sc-AxirZ bJCmFu">
                      <span class="">
                        <!-- <span class="integer ">0</span></span> -->
                      </span>
                      <div class="title">
                        <span aria-haspopup="true" aria-expanded="false">本周预估</span></div>
                  </div>
                  <div class="diff mt16">
                    <div class="sc-fzoyTs jZUSDr flex fjsb item " aria-haspopup="true" aria-expanded="false">
                      <span class="word-keep">服务费</span>
                      <span class="sc-AxirZ bJCmFu">
                        <span class="color-equal">
                          <span class="sever4_top"></span>
                          <span class="percent">%</span></span>
                      </span>
                      <span class="color-equal sever4_trend1">--</span></div>
                    <div class="sc-fzoyTs jZUSDr flex fjsb item " aria-haspopup="true" aria-expanded="false">
                      <span class="word-keep">销售额</span>
                      <span class="sc-AxirZ bJCmFu">
                        <span class="color-equal">
                          <span class="sever4_bot"></span>
                          <span class="percent">%</span></span>
                      </span>
                      <span class="color-equal sever4_trend2">--</span></div>
                  </div>
                </div>

              </div>
            </div>
          </div>
          <!-- 下方出单[排行榜] -->
          <div class="mt20">
            <div class="sc-fznxKY kfRyXm">
              <div class="next-tabs next-tabs-pure next-small">
                <div class="next-tabs-bar">
                  <div class="next-tabs-nav-container">
                    <div class="next-tabs-nav-wrap">
                      <div class="next-tabs-nav-scroll">
                        <ul role="tablist" aria-multiselectable="false" class="next-tabs-nav">
                          <li role="tab" aria-hidden="false" aria-selected="true" tabindex="0"
                            class="next-tabs-tab active">
                            <div class="next-tabs-tab-inner">出单排行榜</div>
                          </li>
                          <!-- <li role="tab" aria-hidden="false" aria-selected="false" tabindex="-1" class="next-tabs-tab">
                        <div class="next-tabs-tab-inner">推广位热推榜</div></li>
                        <li role="tab" aria-hidden="false" aria-selected="false" tabindex="-1" class="next-tabs-tab">
                        <div class="next-tabs-tab-inner">分时数据</div></li> -->
                        </ul>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="next-tabs-content">
                  <div role="tabpanel" aria-hidden="false" class="next-tabs-tabpane active"></div>
                </div>
              </div>
              <div class="extra">榜单更新于 11:45:00
                <a target="_blank" rel="noopener noreferrer" href="#">更多数据报表
                  <span
                    style="font-style: normal; -webkit-font-smoothing: antialiased; font-family: pubfont;"></span></a>
              </div>
            </div>
            <div class="sc-fzpmMD enYpte">
              <div id="rankTable" class="flex fjsb fas">
                <div class="rankTable">
                  <div class="title mb10">出单排行</div>
                  <div class="sc-AxheI cDwvqI">
                    <div class="mux-table-container scroll" style="max-height: 600px; overflow-y: auto;">
                      <div class="next-table next-table-medium only-bottom-border" density="compact">
                        <table role="table">
                          <colgroup>
                            <col style="width: 50%;">
                            <col>
                            <col>
                            <col>
                            <col>
                          </colgroup>
                          <thead class="next-table-header">
                            <tr>
                              <th rowspan="1" class="next-table-cell next-table-header-node" role="gridcell">
                                <div class="next-table-cell-wrapper" data-next-table-col="1">商品</div>
                              </th>
                              <th rowspan="1" class="next-table-cell next-table-header-node" role="gridcell">
                                <div class="next-table-cell-wrapper" data-next-table-col="2">
                                  <span aria-haspopup="true" aria-expanded="false">付款金额</span></div>
                              </th>
                              <th rowspan="1" class="next-table-cell next-table-header-node" role="gridcell">
                                <div class="next-table-cell-wrapper" data-next-table-col="3">
                                  <span aria-haspopup="true" aria-expanded="false">购买数量</span></div>
                              </th>
                              <th rowspan="1" class="next-table-cell next-table-header-node" role="gridcell">
                                <div class="next-table-cell-wrapper" data-next-table-col="4">
                                  <span aria-haspopup="true" aria-expanded="false">服务费</span></div>
                              </th>
                              <th rowspan="1" class="next-table-cell next-table-header-node" role="gridcell">
                                <div class="next-table-cell-wrapper" data-next-table-col="4">
                                  <span aria-haspopup="true" aria-expanded="false">用户</span></div>
                              </th>
                            </tr>
                          </thead>
                          <tbody class="next-table-body rankbox">
                          </tbody>
                        </table>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="divider"></div>
                <div class="rankTable">
                  <div class="title mb10">实时出单</div>
                  <div class="sc-AxheI cDwvqI">
                    <div class="mux-table-container scroll" style="max-height: 600px; overflow-y: auto;">
                      <div class="next-table next-table-medium only-bottom-border" density="compact">
                        <table role="table">
                          <colgroup>
                            <col style="width: 50%;">
                            <col>
                            <col>
                            <col>
                            <col>
                            <col>
                          </colgroup>
                          <thead class="next-table-header">
                            <tr>
                              <th rowspan="1" class="next-table-cell next-table-header-node" role="gridcell">
                                <div class="next-table-cell-wrapper" data-next-table-col="0">商品标题</div>
                              </th>
                              <th rowspan="1" class="next-table-cell next-table-header-node" role="gridcell">
                                <div class="next-table-cell-wrapper" data-next-table-col="1">付款金额</div>
                              </th>
                              <th rowspan="1" class="next-table-cell next-table-header-node color-theme progress-cell"
                                role="gridcell">
                                <div class="next-table-cell-wrapper" data-next-table-col="2">
                                  <span aria-haspopup="true" aria-expanded="false">购买数量</span></div>
                              </th>
                              <th rowspan="1" class="next-table-cell next-table-header-node" role="gridcell">
                                <div class="next-table-cell-wrapper" data-next-table-col="3">
                                  <span aria-haspopup="true" aria-expanded="false">服务费</span></div>
                              </th>
                              <th rowspan="1" class="next-table-cell next-table-header-node" role="gridcell">
                                <div class="next-table-cell-wrapper" data-next-table-col="4">
                                  <span aria-haspopup="true" aria-expanded="false">下单时间</span></div>
                              </th>
                              <th rowspan="1" class="next-table-cell next-table-header-node" role="gridcell">
                                <div class="next-table-cell-wrapper" data-next-table-col="4">
                                  <span aria-haspopup="true" aria-expanded="false">用户</span></div>
                              </th>
                            </tr>
                          </thead>
                          <tbody class="next-table-body nowrank">
                          </tbody>
                        </table>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="" style="position: fixed;bottom: 20px;right: 20px;">
    <img style="width:60px;height:60px;" src="http://img.letuilm.com/2020/10/ee5b632020103017493040309.png">
  </div>
  <div class="money">
    
  </div>
  <script src="./static/js/jquery.js"></script>
  <script src="./static/js/Odometer.js"></script>
  <script src="./static/js/fireworks.js"></script>
  <script>
    var ajaxurl = 'http://dev.letuilm.com'
    var groupid = "2513"
    var sever = {}
    var severnum = 0
    var odo = ""
    var myChart = echarts.init(document.getElementById('canvasmain'));

    // 指定图表的配置项和数据
    var option = {

      tooltip: {
        trigger: 'axis',

      },
      toolbox: {
        feature: {
          saveAsImage: {}
        }
      },
      grid: {
        top: 0,
        left: 0,
        right: 0,
        bottom: 0,
      },
      xAxis: [
        {
          type: 'category',
          boundaryGap: false,
          splitLine: {
            show: false
          },
          data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
        }
      ],
      yAxis: [
        {
          type: 'value',
          show: false,
        }
      ],
      series: [
        {
          name: '邮件营销',
          type: 'line',
          stack: '总量',
          smooth: true,
          areaStyle: {
            color: '#2749CD'
          },
          data: [120, 132, 101, 134, 90, 230, 210]
        },

      ]
    };

    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);

    action();

    // 获取小组实时销售额
    function getnowservice() {

      $.ajax({
        type: "GET",
        url: ajaxurl + '/api/get_eleven_group',
        data: {
          group_id: groupid
        },
        success: function (res) {
          // console.log('获取小组实时销售额', res.data.price);
          severnum = res.data.price
          if (severnum == 0) {
            $('.flex.fae')[0].style.display="none"
            let str = `<div class="fireworks"></div>`
            $('body').append(str)
            $('.fireworks').fireworks({
              sound: false, // sound effect
              opacity: 0,
              width: '100%',
              height: '100%'
            });
            // console.log('-------------',$('.prices')[0])
            let price='<div class="prices">¥5000,000.00</div>'
            $('.money').html(price)
            setTimeout(() => {
                $('.prices')[0].animate({
                fontSize:'1100px'
                },1000)
              $('.prices')[0].animate({
                fontSize:'140px'
              },1000)
              $('.prices')[0].style.fontSize="140px"
            }, 50);
            setTimeout(() => {
              // console.log($('.fireworks')[0])
              $('.fireworks')[0].style.display='none'
              $('.money')[0].style.display='none'
            $('.flex.fae')[0].style.display="flex"

            }, 10000);
          }
          odo = new Odometer('#nowServiveFee', {
            num: severnum
          }, {
            dot: "2",
            symbol: ","
          });

        }
      });
    }
    // 出单排行接口
    function getelevenorder() {

      $.ajax({
        type: "GET",
        url: ajaxurl + '/api/eleven_order_data',
        data: {
          group_id: '2513',
          type: 1, //1实时，2本周，3双11期间
          num: 5
        },
        success: function (res) {
          // console.log('出单排行', res.data);
          let rank = res.data
          let str = ''
          for (let x = 0; x < rank.length; x++) {
            str += `<tr class="rankbox"><td><div class="line-1">` + rank[x].title + `</div></td>`
            str += `<td><div>` + rank[x].is_alipayFee + `</div></td>`
            str += `<td><div>` + rank[x].is_goodsNum + `</div></td>`
            str += `<td><div>` + rank[x].is_serviceFee + `</div></td>`
            str += `<td><div>` + rank[x].user + `</div></td></tr>`
          }
          $('.rankbox').html(str)
        }
      });
    }
    // 实时出单商品接口
    function getorderdate() {
      $.ajax({
        type: "GET",
        url: ajaxurl + '/api/get_order_data',
        data: {
          group_id: groupid,
          num: 5
        },
        success: function (res) {
          // console.log('实时出单商品接口', res.data);
          let nowrank = res.data
          let str = ''
          for (let x = 0; x < nowrank.length; x++) {
            str += `< class="now"><td><div class="line-1">` + nowrank[x].title + `</div></td>`
            str += `<td><div>` + nowrank[x].is_alipayFee + `</div></td>`
            str += `<td><div>` + nowrank[x].is_goodsNum + `</div></td>`
            str += `<td><div>` + nowrank[x].is_serviceFee + `</div></td>`
            str += `<td><div>` + nowrank[x].is_addTime + `</div></td>`
            str += `<td><div>` + nowrank[x].user + `</div></td></tr>`
          }
          $('.nowrank').html(str)
        }
      });
    }
    // 预估服务费效果接口
    function getgroupservice(types) {
      $.ajax({
        type: "GET",
        url: ajaxurl + '/api/eleven_group_service',
        data: {
          group_id: groupid,
          type: types //1实时/2本周/3双11周期/4本月
        },
        success: function (res) {
          // console.log('预估服务费效果接口', res);
          sever = res.data
          let up = ` <img src="./static/up.png" style="transform:rotate(180deg);width:18px;height:18px;"></img>`
          let down = `<img src="./static/down.png" style="width:18px;height:18px;"></img>`
          if (types == 1) {
            $('.sever1_top').html(sever.service_bl)
            $('.sever1_bot').html(sever.price_bl)
            if (sever.service_bl > 0) {
              $('.sever1_trend1').html(up)
            } else {
              $('.sever1_trend1').html(down)
            }
            if (sever.price_bl > 0) {
              $('.sever1_trend2').html(up)
            } else {
              $('.sever1_trend2').html(down)
            }
          }
          if (types == 2) {
            $('.sever2_top').html(sever.service_bl)
            $('.sever2_bot').html(sever.price_bl)
            if (sever.service_bl > 0) {
              $('.sever2_trend1').html(up)
            } else {
              $('.sever2_trend1').html(down)
            }
            if (sever.price_bl > 0) {
              $('.sever2_trend2').html(up)
            } else {
              $('.sever2_trend2').html(down)
            }
          }
          if (types == 3) {
            $('.sever3_top').html(sever.service_bl)
            $('.sever3_bot').html(sever.price_bl)
            if (sever.service_bl > 0) {
              $('.sever3_trend1').html(up)
            } else {
              $('.sever3_trend1').html(down)
            }
            if (sever.price_bl > 0) {
              $('.sever3_trend2').html(up)
            } else {
              $('.sever3_trend2').html(down)
            }
          }
          if (types == 4) {
            $('.sever4_top').html(sever.service_bl)
            $('.sever4_bot').html(sever.price_bl)
            if (sever.service_bl > 0) {
              $('.sever4_trend1').html(up)
            } else {
              $('.sever4_trend1').html(down)
            }
            if (sever.price_bl > 0) {
              $('.sever4_trend2').html(up)
            } else {
              $('.sever4_trend2').html(down)
            }
          }



        }
      });
    }
    // 双11小组排名接口
    function getgrouprank() {

      $.ajax({
        type: "GET",
        url: ajaxurl + '/api/eleven_group_rank',
        data: {
          group_id: groupid,
          type: 1 //1实时，2本周，3双11期间
        },
        success: function (res) {
          // console.log('双11小组排名接口', res);
          let group = res.data
          let str = ``
          for (let i = 0; i < group.length; i++) {

            if (i < 1) {
              str += `<div class="sc-fzoXWK bzpXau">`
            } else {
              str += `<div class="sc-fzoXWK bzpXav">`
            }
            str += `<div class="header_content">
                    <span class="sc-AxirZ bJCmFu">
                      <span class="">
                        <span class="integer">` + parseInt(i + 1) + `</span></span>
                    </span>
                    <div class="title">
                      <span aria-haspopup="true" aria-expanded="false">` + group[i].group + `</span></div>
                  </div>
                  <div class="diff mt16">
                    <div class="sc-fzoyTs jZUSDr flex fjsb item " aria-haspopup="true" aria-expanded="false">
                      <span class="word-keep">服务费</span>
                 `
            if (group[i].service_bl > 0) {
              str += `<span class="sc-AxirZ bJCmFu">
                        <span style="color:#E50051">
                          <span>` + group[i].service_bl + `</span>
                          <span class="percent">%</span>
                        </span>
                      </span>
              <img src="./static/up.png" style="transform:rotate(180deg);width:18px;height:18px;"></img>`
            } else {
              str += `<span class="sc-AxirZ bJCmFu">
                        <span style="color:#00E7FF">
                          <span>` + group[i].service_bl + `</span>
                          <span class="percent">%</span>
                        </span>
                      </span>
              <img src="./static/down.png" style="width:18px;height:18px;"></img>`
            }
            str += ` </div>
                    <div class="sc-fzoyTs jZUSDr flex fjsb item " aria-haspopup="true" aria-expanded="false">
                      <span class="word-keep">销售额</span>
                     `
            if (group[i].price_bl > 0) {
              str += `<span class="sc-AxirZ bJCmFu">
                        <span style="color:#E50051">
                          <span>` + group[i].price_bl + `</span>
                          <span class="percent">%</span>
                        </span>
                      </span>
              <img src="./static/up.png" style="transform:rotate(180deg);width:18px;height:18px;"></img>`
            } else {
              str += `<span class="sc-AxirZ bJCmFu">
                        <span style="color:#00E7FF">
                          <span>` + group[i].price_bl + `</span>
                          <span class="percent">%</span>
                        </span>
                      </span>
              <img src="./static/down.png" style="width:18px;height:18px;"></img>`
            }
            str += ` </div>
                  </div>
                </div>
          `
          }
          $('.group').html(str)

        }
      });
    }
    // 双11小组组员排名接口
    function getgroupinfo() {

      $.ajax({
        type: "GET",
        url: ajaxurl + '/api/group_info_data',
        data: {
          group_id: groupid,
          type: 1 //1实时，2本周，3双11期间
        },
        success: function (res) {
          // console.log('双11小组组员排名接口', res);
          let userdate = res.data;
          //  userdate[0].service_bl=-1;
          // userdate[0].price_bl=-12
          let str = ``
          for (let i = 0; i < userdate.length; i++) {

            if (i < 1) {
              str += `<div class="sc-fzoXWK bzpXau">`
            } else {
              str += `<div class="sc-fzoXWK bzpXav">`
            }
            str += `<div class="header_content">
                    <span class="sc-AxirZ bJCmFu">
                      <span class="">
                        <span class="integer">` + parseInt(i + 1) + `</span></span>
                    </span>
                    <div class="title">
                      <span aria-haspopup="true" aria-expanded="false">` + userdate[i].user + `</span></div>
                  </div>
                  <div class="diff mt16">
                    <div class="sc-fzoyTs jZUSDr flex fjsb item " aria-haspopup="true" aria-expanded="false">
                      <span class="word-keep">服务费</span>
                 `
            if (userdate[i].service_bl > 0) {
              str += `<span class="sc-AxirZ bJCmFu">
                        <span style="color:#E50051">
                          <span>` + userdate[i].service_bl + `</span>
                          <span class="percent">%</span>
                        </span>
                      </span>
              <img src="./static/up.png" style="transform:rotate(180deg);width:18px;height:18px;"></img>`
            } else {
              str += `<span class="sc-AxirZ bJCmFu">
                        <span style="color:#00E7FF">
                          <span>` + userdate[i].service_bl + `</span>
                          <span class="percent">%</span>
                        </span>
                      </span>
              <img src="./static/down.png" style="width:18px;height:18px;"></img>`
            }
            str += ` </div>
                    <div class="sc-fzoyTs jZUSDr flex fjsb item " aria-haspopup="true" aria-expanded="false">
                      <span class="word-keep">销售额</span>
                     `
            if (userdate[i].price_bl > 0) {
              str += `<span class="sc-AxirZ bJCmFu">
                        <span style="color:#E50051">
                          <span>` + userdate[i].price_bl + `</span>
                          <span class="percent">%</span>
                        </span>
                      </span>
              <img src="./static/up.png" style="transform:rotate(180deg);width:18px;height:18px;"></img>`
            } else {
              str += `<span class="sc-AxirZ bJCmFu">
                        <span style="color:#00E7FF">
                          <span>` + userdate[i].price_bl + `</span>
                          <span class="percent">%</span>
                        </span>
                      </span>
              <img src="./static/down.png" style="width:18px;height:18px;"></img>`
            }
            str += ` </div>
                  </div>
                </div>
          `
          }
          $('.crew').html(str)
        }
      });
    }

    // 时间切换
   $('.tabol')[0].onclick=function (e) {
      console.log(e)
      let target=e.target
      if(target.tagName=='SPAN'){
        console.log('active', $('.mux-tab-ink--block')[0].style.transform)
        console.log('active', target.getAttribute('name'))
        let name= target.getAttribute('name')
        if(name=='tab1'){
          $('.mux-tab-ink--block')[0].style.transform= 'translateX(0px)'
        }
        if(name=='tab2'){
          $('.mux-tab-ink--block')[0].style.transform= 'translateX(83px)'
        }
        if(name=='tab3'){
          $('.mux-tab-ink--block')[0].style.transform= 'translateX(166px)'
        }
      }
   }

    function action() {
      //双11出单数据接口
      getelevenorder();
      // 双11实时出单商品接口
      getorderdate();
      // 预估服务费效果接口
      getgroupservice(1);
      getgroupservice(2);
      getgroupservice(3);
      getgroupservice(4);
      // 双11小组排名接口
      getgrouprank();
      //双11小组组员排名接口
      getgroupinfo();
      // 获取小组实时销售额
      getnowservice();
      setInterval(() => {
        severnum += 1000
        console.log(severnum)
        odo.update(severnum);
      }, 1000 * 3);
    }
  </script>
</body>


</html>